<template>
	<view style="margin: 0 10px;">
		
		<fui-segmented-control :values="values" @click="onSegmentChange"
		color="#333" height="72" radius="100"
		marginTop="32"
		>
		</fui-segmented-control>
	</view>

	
	<view v-if="selectedValue === '周卡'">
		我是周卡
	</view>
	<view v-else-if="selectedValue === '月卡'">
		我是月卡
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';


	const values = ref(['周卡', '月卡']);

	
	const selectedValue = ref('周卡');


	const onSegmentChange = (event) => {
		selectedValue.value = values.value[event.index];
	};
</script>

<style>

</style>